
.yui-carousel {
    visibility: hidden;
    overflow: hidden;
    position: relative;
    text-align: left;
    zoom: 1;
}
 
.yui-carousel.yui-carousel-visible {
    visibility: visible;
}
 
.yui-carousel-content {
    overflow: hidden;
    position: relative;
    text-align:center;/*(1) for centering of .yui-carousel-element in IEs*/
}
 
.yui-carousel-horizontal .yui-carousel-element {
    /*margin: 5px 0;*/ 
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 32000px;
    z-index: 1;
}
 
.yui-carousel-element li {
    border: 1px solid #ccc;
    float: left;
    list-style: none;
    margin: 1px; 
    overflow: hidden;
    padding: 0;
    text-align: center;

    /* IE 6 & 7 fix - prevent DOM scroll for focussed elements. */
   *float: none;
   *display: inline-block;
   *zoom: 1;
   *display: inline;
}
 

.yui-carousel .yui-carousel-item-selected {
   /*border: 1px dashed #000;
   margin: 1px;*/ 
}
 
.yui-carousel-vertical .yui-carousel-element li {
    display: block;
    float: none;
}
 
.yui-log .carousel {
    background: #f2e886;
}
 
.yui-carousel-nav {
    zoom: 1;
}
 
.yui-carousel-nav:after {
    clear: both;
    content: "";
    display: block;
}
 
.yui-carousel-button-focus {
    outline: 1px dotted #000;
}

.yui-carousel-min-width /* .yui-carousel-element don't need this because min-width should actually be applied to the container to avoid cutting off drop down nav. */ {
    min-width: 115px;/* had margin: 0 auto on the *carousel container*, don't see the reason for this (see below). */
}

.yui-carousel-element	{/* previously had 5px 0, I'm guessing it was to center, so changing to below... */ 
	margin: 0 auto;
	text-align:left; /* overrided centering of text hack for IEs above. See (1) above. */ 
}

.yui-carousel-vertical .yui-carousel-element {
    height:32000px;
    padding:0;
}

.yui-carousel-horizontal .yui-carousel-multi-row .yui-carousel-element li {
    position:absolute; /* allows for horiz scrolling multi row */ 
}

.yui-carousel-vertical .yui-carousel-multi-row .yui-carousel-element li {
	float:left;
	_display:inline; /* avoids premature break in IE6 */
}

.yui-carousel-vertical .yui-carousel-multi-row .yui-carousel-element .yui-carousel-row	{
	/*clear: left;*/ 
}

.yui-carousel-vertical .yui-carousel-multi-row .yui-carousel-element li img{
	display: block;
}